
@import "rest.scss";
@import "common.scss";


.page{
    .main{
       width: 100%;
       h2{
        font-size: 50px;
        text-align: center;
        margin:90px 0 20px 0;
    }
    p{
        color: #f9a677;
        font-size: 24px;
        text-align: center;
        margin-bottom: 30px;
    }
        .mainbox{
            width: 1200px;
            margin: 0 auto;

           
            .mainboxTop{
                display: flex;
                justify-content: space-between;
                margin-bottom: 20px;
                .box{
                    width: 380px;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    .boximg{
                       width: 100%;
                    }
                    h3{
                        font-size: 16px;
                        color: #f9a575;
                        margin: 25px 0 10px 0;
                    }
                    p{
                        font-size: 12px;
                        
                        margin-bottom: 8px;
                        color: #000;
                    
                    }
                    &:hover p{
                        color: #fde6d8;
                    } 
                }
            }
            .mainboxBottom{
                display: flex;
                justify-content: space-between;
                padding-bottom: 100px;
                .box{
                    width: 380px;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    .boximg{
                       width: 100%;
                    }
                    h3{
                        font-size: 16px;
                        color: #f9a575;
                        margin: 25px 0 10px 0;
                    }
                    p{
                        font-size: 12px;
                        // color: #fde6d8;
                        margin-bottom: 8px;
                        color: #000;
                    }
                    &:hover p{
                        color: #fde6d8;
                    } 
                }
            }
        }
      
    }
}